.h100{
	height: 100%;
}
.w100{
	width: 100%;
}
.normalHeight{
	line-height: normal;
}
.relative{
	position: relative;
}
.flex{
	display: flex;
}
.flex-warp{
	flex-wrap: wrap;
}
.justify-content-flex-start{
	justify-content: flex-start;
}
.align-items-flex-end{
	align-items: flex-end;
}
.align-items-center{
	align-items: center;
}
.justify-content-center{
	justify-content: center;
}
.justify-content-around{
	justify-content: space-around;
}
.justify-content-between{
	justify-content: space-between;
}

.flex-direction-column{
	flex-direction: column;
}
.overflow-auto{
	overflow: auto;
}
.flex1{
	flex: 1;
}
.uni-ellipsis {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.uni-ellipsis-2 {
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
}
.grid{
	display: grid;
}
.grid-template-columns-2{
	grid-template-columns: repeat(2,1fr)
}
.grid-template-columns-3{
	grid-template-columns: repeat(3,1fr)
}
.grid-gap-39-lr{
	grid-gap: 0 39px;
}
.grid-gap-16{
	grid-gap: 16px;
}
.grid-gap-8{
	grid-gap: 8px;
}
.grid-gap-20{
	grid-gap: 20px;
}
.mt4{
	margin-top: 4px;
}
.mr6{
	margin-right: 6px;
}
.mr8{
	margin-right: 8px;
}
.ml12{
	margin-left: 12px;
}
.mr15{
	margin-right: 15px;
}
.mt8{
	margin-top: 8px;
}
.mb8{
	margin-bottom: 8px;
}
.ml8{
	margin-left: 8px;
}
.p10{
	padding: 10px;
}
.pt16{
	padding-top: 16px;
}
.p16{
	padding: 16px;
}
.pl10{
	padding-left: 10px;
}
.pr10{
	padding-right: 10px;
}
.pt10{
	padding-top: 10px;
}
.mt10{
	margin-top: 10px;
}
.mt11{
	margin-top: 11px;
}
.mt12{
	margin-top: 12px;
}
.mt14{
	margin-top: 14px;
}
.ml16{
	margin-left: 16px;
}
.mt16{
	margin-top: 16px;
}
.mb16{
	margin-bottom: 16px;
}
.pb16{
	padding-bottom: 16px;
}
.mt20{
	margin-top: 20px;
}
.ml8{
	margin-left: 8px;
}
.ml24{
	margin-left: 24px;
}
.mr24{
	margin-right: 24px;
}
.mt24{
	margin-top: 24px;
}
.mb24{
    margin-bottom: 24px;
}
.p24{
    padding: 24px;
}
.pl24{
    padding-left: 24px;
}
.pr24{
    padding-right: 24px;
}
.pb24{
	padding-bottom: 24px;
}
.pt24{
	padding-top: 24px;
}

.pr36{
	padding-right: 36px;
}
.mb40{
	margin-bottom: 40px;
}
.gap16{
	gap: 16px;
}
.text-center{
	text-align: center;
}
.color-222{
	color: #222;
}

// 业务
.confirmButtonClass {
	background: #ff2440;
	color: #fff !important;
	border: 1px solid #ff2440 !important;
	&:active,&:hover,&:focus{
		background: #ff2440;
	}
}
.confirmButtonClass_success {
	background: #18BF5B;
	color: #fff !important;
	border: 1px solid #18BF5B !important;
	&:active,&:hover,&:focus{
		background: #18BF5B;
	}
}

.messageCustomClass {
	width: 380px;
}

.warningCircleIcon{
	width: 14px;
	height: 14px;
	margin-left: 4px;
	cursor: pointer;
}

.rowKeySearchTable{
	.el-table__body-wrapper{
		.el-table__body td.el-table__cell{
			background: #f9f9f9 !important;
		}
		.el-table__body tr.el-table__row--striped td.el-table__cell{
			background: #fff !important;
		}
	}
	.expandTable{
		.el-table__body td.el-table__cell{
			background: none !important;
		}
		.el-table__body tr.el-table__row--striped td.el-table__cell{
			background: none !important;
		}
		.el-table__row {
			background: none !important;
		}
	}
}
.btnIcon {
	width: 14px;
	height: 14px;
	margin-right: 4px;
}
.ellipsis {
	overflow: hidden; 
	white-space: nowrap; 
	text-overflow: ellipsis;
}
.diffItem{
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #222;
	.diffItem-label{
		color: #666;
		width: 72px;
		text-align: right;
	}
}